<%@ page import="org.subject.entity.User" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--引入 jstl--%>
<%@include file="common/tag.jsp" %>
<!DOCTYPE html>
<%-- 获取资源根路径--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <title>竞赛通知详情</title>
    <%@include file="common/head.jsp" %>
    <script src="/./resource/js/list.js"></script>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
        }

        #container {
            min-height: 100%;
            height: auto !important;
            height: 100%; /*IE6不识别min-height*/
            position: relative;
        }

        #page {
            width: 100%;
            margin-bottom: 50px; /*等于footer的高度*/
        }

        a {
            text-decoration: none;
            color: #000000;
        }

        a:hover, a:visited, a:link, a:active {
            text-decoration: none;
            color: #000000;
        }

        .pageNum {
            margin-top: 20px;
            text-align: center;
        }

        .tc-box {
            background: #fff;
            padding: 5px 10px;
            margin: 10px 0;
            box-shadow: 0 0 black;
            text-shadow: 0 0 black;
        }

        .headtitle {
            display: block;
            margin: 10px 0 25px 0;
            border-bottom: 1px solid #e4e9f0;
        }

        ul.unstyled, ol.unstyled {
            display: block;
            /*margin: 10px 0 25px 0;*/
            text-align: left;
            list-style: none;
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body background="/./resource/images/bg.jpg" style="background-size: cover;background-repeat: no-repeat;">
<%--页面显示部分--%>
<div id="container" class="container">
    <jsp:include page="common/Top.jsp"/>
    <div id="page" class="panel panel-default">
        <div class="panel-heading">
            <h5>竞赛通知列表</h5>
        </div>
        <div class="panel-body">
            <div class="col-md-8">
                <%--最新公告--%>
                <div style="width: auto;padding: 20px;">
                    <table style="border: 0px solid transparent !important;width: 100%;margin-top: 10px;">
                        <tbody>
                        <c:forEach var="article" items="${articleList}">
                            <tr>
                                <td style="width: 80%;"><a
                                        href='${pageContext.request.contextPath}/article/findById?id=${article.articleId}'>${article.articleTitle}</a>
                                </td>
                                <td style="width: 20%;">
                                    <a href='${pageContext.request.contextPath}/article/findById?id=${article.articleId}'><fmt:formatDate
                                            value="${article.articleCreateTime}" pattern="yyyy-MM-dd"/></a>
                                </td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                    <div class='page fix pageNum'>
                        共 <b>${page.totalNumber}</b> 条
                        <c:if test="${page.currentPage != 1}">
                            <a href="<%= basePath %>article/page?page=1" class='first'>首页</a>
                            <a href="<%= basePath %>article/page?page=${page.currentPage-1}" class='pre'>上一页</a>
                        </c:if>
                        当前第<span>${page.currentPage}/${page.totalPage}</span>页
                        <c:if test="${page.currentPage != page.totalPage}">
                            <a href="<%= basePath %>article/page?page=${page.currentPage+1}"
                               class='next'>下一页</a>
                            <a href="<%= basePath %>article/page?page=${page.totalPage}" class='last'>末页</a>
                        </c:if>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="tc-box">
                    <div class="headtitle"><h4>热门竞赛</h4></div>
                    <div>
                        <ul class="unstyled">
                            <li class="top3"><a title="第八届全国大学生数学竞赛暨上海市大学生数学竞赛的报名通知"
                                                href="/message/detail?messageId=1008">第八届全国大学生数学竞赛暨上海市大学生数学竞赛的报名通知</a>
                            </li>
                            <li class="top3"><a title="关于举办“重庆工商大学第九届大学生数学建模竞赛暨2016年全国大学生数学建模竞赛校内选拔赛”的通知"
                                                href="/message/detail?messageId=1008">关于举办“重庆工商大学第九届大学生数学建模竞赛暨2016年全国大学生数学建模竞赛校内选拔赛”的通知</a>
                            </li>
                            <li class="top3"><a title="关于公布重庆工商大学第九届大学生数学建模竞赛获奖名单的通知"
                                                href="/message/detail?messageId=1008">关于公布重庆工商大学第九届大学生数学建模竞赛获奖名单的通知</a>
                            </li>
                            <li class=""><a title="全国大学生数学竞赛"
                                            href="/message/detail?messageId=1008">全国大学生数学竞赛</a>
                            </li>
                            <li class=""><a title="关于组织学生参加2016年全国大学生数学建模竞赛校内选拔讲座的通知"
                                            href="/message/detail?messageId=1008">关于组织学生参加2016年全国大学生数学建模竞赛校内选拔讲座的通知</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <jsp:include page="common/footer.jsp"/>
</div>
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>